<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>AI助手</title>
	<link rel="stylesheet" href="/static/style.css">
	
	<!-- 添加 KaTeX 支持 -->
	<link rel="stylesheet" href="KaTeX/0.16.9/katex.min.css">
	<script src="KaTeX/0.16.9/katex.min.js"></script>
	
	<!-- 添加 Markdown 支持 -->
	<script src="marked/15.0.6/marked.min.js"></script>
</head>
<body>
	<div class="container">
		<div class="left-panel">
			<div class="settings-section">
				<h3>系统提示词</h3>
				<div class="param-item">
					<label for="system-prompt">系统角色设定:</label>
					<textarea id="system-prompt" placeholder="设置AI助手的角色和行为...">你是一个智能AI助手，擅长编程，乐于解答问题。</textarea>
				</div>
			</div>

			<div class="settings-section">
				<h3>参数设置</h3>
				<div class="param-item">
					<label for="temperature">Temperature:</label>
					<input type="number" id="temperature" value="0.7" min="0" max="2" step="0.1">
				</div>
				<div class="param-item">
					<label for="top_p">Top P:</label>
					<input type="number" id="top_p" value="0.9" min="0" max="1" step="0.1">
				</div>
				<div class="param-item">
					<label for="max_tokens">Max Tokens:</label>
					<input type="number" id="max_tokens" value="2048" min="1" max="4096">
				</div>
			</div>
		</div>

		<div class="right-panel">
			<div id="chat-container" class="chat-container"></div>
			<div class="input-container">
				<textarea id="prompt" placeholder="请输入提示词..."></textarea>
				<button id="generate">发送</button>
				<button id="stop">停止</button>
			</div>
		</div>
	</div>

	<script src="/static/main.js"></script>
</body>
</html> 